<template>
	<view class="content">
		<template v-for="(item,index) in showData">
			<view :key="item.id">
				<view class="content-text1">步骤{{index+1}}</view>
				<view class="img">
					<image :src="item.img" mode=""></image>
				</view>
				<view class="text">{{item.describe}}</view>
			</view>
		</template>
	</view>
</template>

<script>
	export default {
		props: ['showData']
	}
</script>

<style scoped>
	.content {
		padding-left: 30rpx;

	}

	.content-text1 {
		margin-top: 40rpx;
		margin-bottom: 26rpx;
		font-size: 28rpx;
		font-weight: bold;
	}

	.img {
		width: 688rpx;
		height: 440rpx;

	}

	.img>image {
		width: 688rpx;
		height: 440rpx;
	}

	.text {
		margin-top: 34rpx;
		margin-bottom: 48rpx;
		font-size: 28rpx;
		color: rgb(104, 104, 104);
	}
</style>
